/* index */
html,body { height:100%;}
body{ background-color:#000e20;}
#container{ display:flex; flex-direction:column;justify-content:flex-start; width:95%; box-sizing: border-box; margin:0px auto; padding-top:20px;height:100%;}
/* 头部 */
.head{ padding-bottom:5px;}
.content{ flex:1;}
.global_area{ width:90%; border-bottom:1px solid #d67d0a;}
ul.global{ width:205px; margin:0px auto; border-left:1px solid #3e3e3e; overflow:hidden;}
ul.global li{ float:left; width:50px; border-top:1px solid #3e3e3e; border-right:1px solid #3e3e3e; text-align:center;}
ul.global li a{ display:block; width:100%; height:30px; line-height:28px; color:#fff; font-size:14px; cursor:pointer;}
ul.global li a:hover{ color:#fff; background-color:#2a2a2a;}
ul.global li a:active{ background-color:#000;}
ul.global li a.on{ background-color:#d67d0a; font-weight:bold;}
/*展开收起筛选*/
.icon_btn{ width:10%; text-align:center;}
.icon_btn a{ display:block; border-top:1px solid #d67d0a; border-left:1px solid #d67d0a; height:30px; line-height:34px; color:#d67d0a; font-size:14px; cursor:pointer; background:url(../images/icon_arrow_down.png) 20% 13px no-repeat;}
.icon_btn a.on{ background:url(../images/icon_arrow_top.png) 20% 13px no-repeat;}
.icon_btn a:hover{ color:#d67d0a;}
.icon_btn a img{ vertical-align:middle;}
.icon_btn a span{ padding-left:15px;}
.choose_up{ display:none;}
.choose{ flex:1; border:1px solid #555; border-top:0; background:url(../images/choose_bg.png) top no-repeat; background:none\9; background-size:100%; display:none; padding:20px 0; margin:10px 0;}
.choose_margin{ padding-left:30px;}
.choose_bg{ float:left; width:14%; margin-right:1%; margin-bottom:10px;}
.choose_button{ width: 8%;display: inline-block;}
.choose_button a{ color: #eee;cursor: pointer;display: block;border: 1px solid #d67d0a;height: 25px; line-height: 25px; width: 100%;text-align: center;}
.am{ color:#eee; cursor:pointer; border:none; display:block; cursor:pointer; border:1px solid #d67d0a; height:25px; line-height:25px; width:100%; text-indent:10px; background:url(../images/icon_choose_arrow.png) right center no-repeat;}
.position{ position: absolute; width:180px;}
.bm{ position:absolute; border:1px #d67d0a solid; background-color:#191919; z-index:500; width:100%;}
.cur{ position:relative; cursor:pointer; display:block; color:#eee; line-height:25px; width:100%; text-indent:10px; text-align:left;}
.totle { display:flex; justify-content:space-between; margin-bottom:10px;}
.totle .frame{ width:32%; overflow:hidden; background:url(../images/icon_arrow.png) left top no-repeat;margin-left: 2%;}
.totle .frame1{ margin-left:0;}
.totle .frame .border{ border:1px solid #555; overflow:hidden; height:100px;}
.frame_left{ float:left; margin-right:1.2%;}
.frame_right{ margin-right:0;}
.detail{ margin-left:4%; margin-top:15px; width:54%;}
.detail .title{ font-size:1.5em; color:#fff; font-weight:bold;}
.detail .title em{ padding-left:6px;}
.detail .title em:hover{ color:#d67d0a;}
.detail .title img{ vertical-align:middle; margin-top:-3px;}
.detail .sum{ font-size:1em; color:#fff; margin-top:10px;}
.detail .sum em{ font-size:1.5em; font-weight:bold; padding-right:10px; color:#ff9938;}
#count1,#count2{ color:#ff9938; font-weight:600;}
#count3{ font-size:1em; padding:0; line-height:24px;}
#count3.count3{ font-size:1.5em;}
#sum{ margin:0 auto; margin-top:6px; width: 52px; height:52px;border-radius:50%; background:#e68b36;color:#fff;font:1.2em/52px "";}
#count4-1{font-weight: 600;}
.detail .range{ font-size:1em; color:#ccc;}
.detail .range img{ vertical-align:top; margin-left:5px; margin-top:1px;}
#chartA,#chartB{ margin:-3px auto 0;}
.chart{ margin:15px 3% 0 0; width:39%; text-align:center; color:#999; font-size:1em;}
.chart p{ margin-bottom:3px;}
.chart-text p.sum{ color:#fff;}
.chart-text p.range{ color:#ccc;}
.bottom_bar{ overflow:hidden; box-sizing:border-box; padding:5px 0; height:100%;}
.list_area{ width:75%; height:100%; display:flex; flex-direction:column; justify-content:space-between;}
.list_area .border{ flex:1; border:1px solid #555; background:url(../images/icon_arrow.png) left top no-repeat; overflow:hidden;}
.list_area .border .area{ position:relative; box-sizing: border-box;padding:20px; height: 100%;}
.list_area .border .area p{ position:absolute; top: 0; left:0; overflow:hidden; position: relative; z-index: 10;}
.list_area .border .area p.title img{ vertical-align:middle; margin-bottom:5px;}
.list_area .border .area p.title span.fb{ font-size:1.5em; color:#d67d0a; font-weight:bold;}
.list_area .border .area p.title span.dw{ font-size:1em; color:#999; padding-left:10px;}
.list_area .border .area p.title em{ padding-top:5px;}
.list_area .border .area p.title em a{ font-size:1em; color:#d67d0a; border:1px solid #d67d0a; padding:5px 20px; overflow:hidden; display:block; cursor:pointer;}
.list_deatail{ position:relative; width:100%; padding-bottom:10px;}
.eq_dw{ position:absolute; top:0; right:0; text-align:right; color:#999;}
.line{ width: 100%; height:0;border-top:1px solid #ccc;}
.list_icon{ width:285px; margin:0px auto;}
.list_icon li{ float:left;}
.list_icon li.icon{ width:25px;}
.list_icon li.icon img{ vertical-align:middle;}
.list_icon li.text{ width:70px; color:#ccc; font-size:1em;}
.list_btn{ text-align:center;}
.list_btn a{ display:inline-block; width:16px; height:16px; background:url(../images/list_icon_out.png) no-repeat; overflow:hidden; cursor:pointer; margin-right:5px;}
.list_btn a.on{ background:url(../images/list_icon_on.png) no-repeat;}
.swiper-main{ width:100%; position:relative; margin-bottom:10px;}
.swiper1, .swiper1 .swiper-slide{ width:100%; height:550px; overflow:hidden;}
.pagination{ width:78px; margin:0px auto;}
.pagination1 .swiper-pagination-switch{ display:inline-block; width:16px; height:16px; border-radius:10px; background:#fff; margin:0 5px; cursor:pointer;}
.pagination1 .swiper-active-switch{ background: #d67d0a;}
.list_data{ width:23%; height:100%; background:url(../images/icon_arrow.png) left top no-repeat;}
.list_data .border{ box-sizing:border-box; border:1px solid #555; overflow:hidden; height:100%;}
.list_data .border .area{ width:100%; height:0; overflow-y:scroll; padding:0 9px;}
.data_detail{ box-sizing: border-box;width:100%; padding-bottom:15px; overflow:hidden;}
.data_detail .title{ padding-top:15px;}
.data_detail .title img{ vertical-align:middle; margin: -2px 3px 0 0;}
.data_detail .title em{ color:#fff; font-size:1.2em; font-weight:bold; padding-right:10px;}
.data_detail .title em:hover{ color:#d67d0a;}

.data_detail .title span{ color:#d67d0a; font-size:1em; font-weight:bold;}
.data_detail .name{ padding:10px 0; color:#fff;}
.data_detail .name span{color:#5395ec;}
.data_span_f{ display:block; width:33%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.data_span_s{ display:block; width:33%; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.data_detail .name .fr{ display:block; width:33%; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hospital{ clear:both; overflow:hidden; border-bottom:1px dashed #3e3e3e; padding-top:5px; padding-bottom:5px;}
.hospital li{ clear:both;}
.hospital li a{ background:url(../images/icon_circle.png) 5px 13px no-repeat; display:block; width:100%; height:35px; line-height:32px; overflow:hidden; cursor:pointer;}
.hospital li a:hover{ background-color:#2a2a2a;}
.hospital li a span{ text-indent:20px; color:#fff;}
.hospital li a span:hover{ color:#d67d0a;}
.hospital li a em{ text-align:right; color:#d67d0a; padding-right:5px; font-weight:bold;}
.spanTitle{ text-decoration:underline;}
.spanTitle:hover{ cursor:pointer;}
.table-bordered{ border: 1px solid #f4f4f4;}
.table-responsive { min-height: .01%;overflow-x: auto;}
.box-body { border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding: 10px;}
.text-center { text-align: center;}
.text-right { text-align: right;}
.table { width: 100%;max-width: 100%;border-spacing: 0;border-collapse: collapse;}
tr { padding: 8px;line-height: 2;color: #333;border: 1px solid #f4f4f4;}
th { font-weight: bold;color: #444;background-color:#ddd; cursor:pointer;}
td { color: #000;}
.more{ float:right; text-decoration:underline; cursor:pointer;}
.tl{ text-align:left;}
p.sort{ display:inline-block; vertical-align:middle; margin: 2px 0 0 4px;}
p.sort img{ display:block; height:6px; width:12px;margin-bottom: 2px;}
p.sum,p.range{ width:100%; word-break:keep-all; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;  }
/*轮播样式*/
#swiper {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 0 30px;
    overflow: hidden;
}
#swiper .swiper-container {
    width: 400%;
    height: 100%;
}
#swiper .swiper-container .home-device {
    box-sizing: border-box;
    padding: 20px 20px 0;
    width: 25%;
    height: 100%;
    float: left;
}
#swiper .swiper-container .second {
    box-sizing: border-box;
    padding: 20px 20px 0;
    width: 25%;
    height: 100%;
    float: left;
}
#swiper .change-page{
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    text-align: center;
}
#swiper .change-page span {
    display: inline-block;
    color: #8b8c8d;
    margin: 5px;
    width: 24px;
    height: 24px;
    font: 14px/24px "宋体";
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 50%;
}
#swiper .change-page span:hover {
    background: #0a0a0a;
}
#swiper .change-page span.active {
    background: #e68b36;
    color: #fff;
}

/*三级菜单样式*/

.item_select .first, .item_select .third {
    display: none;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    border: 1px solid #d67d0a;
    background:#191919;
    transform: translate(2px,0);
}

.hc i.fa-angle-right{
    float: right;
    margin: 6px 10px 0 0;
}


